【主題三：動畫】單元：

1. 定義keyframe
2. 設定keyframe動畫
3. keyframe選擇器
4. 讓元素動起來
5. 結合一切
6. 動畫、權與優先順序重
7. 癲癇發作與暈眩
8. 動畫事件與字首
9. 列印動畫

1. 定義keyframe

• CSS轉場效果是利用既有的屬性控制起始與最終狀態；CSS動畫在隨時間變化的屬性值上類似CSS轉場，並提供更多的控制能力。
• CSS keyframe動畫能決定是否重覆效果
• 轉場會自動觸發屬性值的變化；動畫再使用keyframe屬性時必須要明確的呼叫執行。

2. 設定keyframe動畫

• 需使用@keyframes規則定義可重複使用的CSS keyframe動畫名稱
• @keyframes規則描述了一整個動畫完整循環的行為
• keyframe選擇器是動畫期間時間百分比的位置，可以用百分比值宣告，也可以用from或to關鍵字宣告。
• 在keyframe裡並沒有表示需要多少時間，keyframe只表示「該從這個狀態改變成另一個狀態」或是「當整個動畫效果經過這個百分比時間，到達幾個狀態」。
• @keyframes + 動畫名稱 + {定義的keyframe }
• 命名規則：
  　　＊不能是數字或二個連字號開頭
  　　＊避免關鍵字